import {Component, useState, useEffect} from 'react'
import { connect } from "react-redux";
import { View, Image, Text } from "@tarojs/components";

import { add, minus, asyncAdd } from "../../store/actions/counter";

import "./index.scss";
// @ts-ignore
import searchIcon from '../../assets/images/home/search.png'

function Index(props) {

  console.log(props);


  return (
    <View className="home">
      {/* 搜索框 */}
      <View className="flex justify-between align-center home__search">
        <Image className="home__search--icon" src={searchIcon} />
        <View className="home__search--button">搜索</View>
      </View>
      {/* 推荐栏目 */}
      <View className="home__banner"></View>
    </View>
  );

}

const mapStateToProps = (state: any) => state.safeArea;

export default connect(mapStateToProps)(Index);
